<div class="repair-container">
  <ul class="th clearfix">
    <li>申请日期</li>
    <li>维修内容</li>
    <li>状态</li>
    <li>操作</li>
  </ul>
  <ul class="repair-item clearfix" *ngFor="let item of repairList">
    <li class="line-height">
      <span>{{item.createTime}}</span>
    </li>
    <li class="line-height">
      <span>{{item.content}}</span>
    </li>
    <li
      [ngClass]="{'line-height': item.status==1||item.status==4||item.status==8,
      'padding':item.status==2||item.status==3}">
      <span>{{item.statusName}}</span>
      <div *ngIf="item.status==2">
        <p>服务人员：{{item.providerName}}</p>
        <p>联系电话：{{item.providerPhone}}</p>
        <p>上门时间：{{item.providerTime}}</p>
      </div>
      <div *ngIf="item.status==3">
        <p>支付金额：{{item.repairFee}}</p>
      </div>
    </li>
    <li style="padding: 35px 0">
      <button class="pay-btn"
              [disabled]="item.status==1||item.status==4||item.status==8"
              (click)="showCashierModalView(item)">支付</button>
      <button class="rating-btn"
              [disabled]="item.status==1||item.status==2||item.status==8"
              (click)="showRatingModalView(item)">评价</button>
    </li>
  </ul>
</div>
<app-cashier-modal-view (modalClose)="modalClose"></app-cashier-modal-view>
<app-rating-modal-view (modalClose)="modalClose"></app-rating-modal-view>
